<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
    <title>交叉测试</title>
    <link rel="stylesheet" href="css/demo.css">
    <script src="js/configData.js"></script>


    <script src="libs/axios.min.js"></script>
    <script src="libs/httpService.js"></script>
    <script src="js/demo.js"></script>
</head>


<body id="body">
<div id='map'></div>
</body>

</html>

<script>
    function initPage() {
        map.on('click', e => {
            let features = e.target.queryRenderedFeatures([[0, 0], [window.innerWidth, window.innerHeight]], {layers: ['Water']})
            debugger
        })
    }

    window.onload = function () {
        loadGeoMap(initPage)
    }


</script>
